<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link type="text/css" href="https://raw.github.com/commons/common.css/master/build/common.css" rel="stylesheet">
<link type="text/css" href="old_index.less" media="screen" rel="stylesheet/less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.3.1/less.min.js" type="text/javascript"></script>


</head>

<body>

<div class="clearfix">
<ul class="nav arrows">
<li class="left"></li>
<li class="right"></li>
<li class="up"></li>
<li class="down"></li>
</ul>
</div>

<div style="clear:both">

<div class="circle" style="background-image: url(img/robot.jpg)">
<div class="overlay"><h5>Kitten face</h5><p>This is a cute kitten</p></div>
</div>

<div class="circle" style="background-image: url(img/mural.jpg)">
<div class="overlay"><h5>Kitten face</h5><p>This is a cute kitten</p></div>
</div>

<div class="circle" style="background-image: url(img/bridge.jpg)">
<div class="overlay"><h5>Kitten face</h5><p>This is a cute kitten</p></div>
</div>

<div class="circle" style="background-image: url(img/flower.jpg)">
<div class="overlay"><h5>Kitten face</h5><p>This is a cute kitten</p></div>
</div>

</div>


</body>
</html>
